<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Leaflet Map</title>
<!--    <link rel="stylesheet" type="text/css" href="leafletJs/leaflet.css">-->
<!--    <script type="text/javascript" src="leafletJs/leaflet-src.js"></script>-->
<!--    <script type="text/javascript" src="lmjs/leaflet-tilelayer-colorizr.js"></script>-->
<!--    <script type="text/javascript" src="lmjs/setMapStytle.js"></script>-->
<!--    <script type="text/javascript" src="lmjs/initMap.js"></script>-->
    <!--	下面这个是依赖服务器上的js-->
        <!--<script type="text/javascript" src="http://127.0.0.1:9090/js/lmJs/lmBase.js"></script>-->
    <!--<script type="text/javascript" src="http://10.10.101.78:9090/js/lmJs/lmBase.js"></script>-->
    <script type="text/javascript" src="http://127.0.0.1:9090/js/lmJs/lmBase.js"></script>
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }

        html,
        body,
        #map {
            height: 100%;
            /*color: orangered;*/
            /* background-color: rgba(23, 27, 241, 0.1); */
        }
    </style>
</head>

<body>
<!--  style="background-color: #191970;" -->
<div id='map'></div>
</body>
<script type="text/javascript">

    // 初始化离线地图,其中第一个参数是离线地图所在div,第二个参数是离线地图的一些配置信息
    // var map = L.initMap('map',{
    // 	center: [34.694, 113.587],// 中心点
    // 	renderer: L.svg(),
    // 	zoom: 6,  // 初始化放大级别
    // 	zoomControl: false, // + -号放大缩小
    // 	attributionControl: false, // 右下角leaflet.js图标
    // 	maxZoom: 18,// 显示的最大层级(最高18)
    // 	minZoom: 3 // 显示的小层级
    // });
    var map = L.initMap('map', {zoom: 9,attribution: '张志航',mapStyle:"blue"});
    // map.setView([lat,lng],zoom);
    L.marker([34.05139700,114.38712101], {title: "hahah", riseOnHover: true}).addTo(map)
        .bindPopup('Hello world ~')
        .openPopup().bindTooltip("my tooltip text").openTooltip();
    // map.setMapStytle()
    // var bluIcon = L.icon({
    //     iconUrl: 'img/icon-nav-03.png',
    //     iconSize:     [28, 30],    //  图标的大小    【值1，值2】 为具体你自定义图标的尺寸，比如我图标尺寸是32×52，表示该图标：宽度32像素，高度：52像素，那么值1:就是32，值2：就是52
    //     iconAnchor:   [16, 30],  //  图标将对应标记点的位置 这个是重点， 【值1，值2】，值1：为图标坐标第一个值(即32)的一半，值2：为图标坐标第二个值(即52)
    // });
    // // var marker = L.marker([34.694, 113.587],{icon: bluIcon}).addTo(map);
    // var yelIcon = L.icon({
    //     iconUrl: 'img/icon_winc_zdqy.png',
    //     iconSize:     [28, 30],    //  图标的大小    【值1，值2】 为具体你自定义图标的尺寸，比如我图标尺寸是32×52，表示该图标：宽度32像素，高度：52像素，那么值1:就是32，值2：就是52
    //     iconAnchor:   [16, 30],  //  图标将对应标记点的位置 这个是重点， 【值1，值2】，值1：为图标坐标第一个值(即32)的一半，值2：为图标坐标第二个值(即52)
    // });
    // marker.setIcon(bluIcon);

</script>

</html>